<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>		
		<div id="app">
			<!-- 传参 -->
			<!-- 不加括号绑定事件，默认情况下第一个形参就是事件对象 -->
			<button type="button" @click="test">没加括号</button>
			<!-- 加了括号，无论你传不传实参，形参默认就是要接收你传递的实参 -->
			<button type="button" @click="test()">加了括号</button>
			<button type="button" @click="test(123)">123</button>
			<!-- 绑定事件，手动传递事件对象 
			     $event就是vue框架专门指定像事件对象的关键词
				 $event就是事件对象
			-->
			<button type="button" @click="rev($event,'手动传递事件对象')">点击</button>
		</div>		
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
		<script type="text/javascript">
			var vm=new Vue({
				el:"#app",
				data:{
				   num:0,
				   msg:"abcdefg"
				},
				methods:{//
					// methods中是用来存放函数，这里面的函数会自动成为vue实例的方法
					test(ev){
						console.log(ev)//事件对象
					},
					rev(ev,str){
						console.log(str);
						console.log("ev",ev)
					}					
				}
			})
		</script>
	</body>
</html>
